<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./百万富翁.css" />
  </head>
  <body>
    <div class="bigdiv">
      <!--  window左边盒子 -->
      <div class="nav">
        <p>主页</p>
        <p>排行榜</p>
        <p>联系方式</p>
      </div>
      <!-- window右边盒子 -->
      <div class="right">
        <!-- 头部 -->
        <div class="head">
          <button class="btn_left">导航栏</button>
          <h2>欢迎来到富豪排行榜</h2>
          <h4>weclome to the rick ranck</h4>
          <button class="btn">登陆</button>
        </div>
        <!-- 中间部分 -->
        <div class="content">
          <!-- 按钮盒子 -->
          <div class="btn_one">
            <button class="btn1">添加账户</button>
            <button class="btn2">资金翻倍</button>
            <button class="btn3">查询百万富翁</button>
            <button class="btn4">财富榜</button>
            <button class="btn5">计算总额</button>
          </div>
          <!-- 装钱的盒子 -->
          <!-- <div class="son"> -->
          <table class="son">
            <thead>
                <tr>
                    <td>Person</td>
                    <td>Wealth</td>
                </tr>
            </thead>
            <tbody></tbody>
            <tfoot></tfoot>
          </table>
          <!-- </div> -->
        </div>
      </div>
    </div>
    <script src="./data.js"></script>
  </body>
</html>
